/* CSS Resets */
.foobar-container { border-collapse:separate !important; border-spacing: 0 !important; }
.foobar-container, .foobar-container-row, .foobar-container-left, .foobar-container-right, .foobar-container-center, 
  .foobar-close-button-container, .foobar-close-button-spacer { padding: 0 !important; margin: 0 !important; }
.foobar-message-wrapper { line-height: normal; }

/* Core CSS */
.foobar-wrapper { width: 100%; z-index: 1001; }
.foobar-container { width: 100%; table-layout: fixed; }
.foobar-container-left, .foobar-container-center, .foobar-container-right { vertical-align: middle; }
.foobar-container-center { text-align: center; }
.foobar-container-inner { position:relative; overflow: hidden; }
.foobar-shadow { width: 100%; height:0px; }
.foobar-message { position: relative; display: block; }
.foobar-message-wrapper { white-space: nowrap; position: absolute; }

.foobar-prev-button, .foobar-next-button { width: 28px; display: none; cursor: pointer; position:absolute; top:50%; z-index:996; }
.foobar-prev-button { left: 0; }
.foobar-next-button { right: 0; }

.foobar-close-button-container, .foobar-close-button-spacer, .foobar-open-button-container { width: 50px; }
.foobar-open-button-container { height: 0; overflow: hidden; text-align: center; }
.foobar-open-button-container.hidden { display:none; visibility: hidden; }
.foobar-open-button, .foobar-close-button { width: 28px; display: block; outline: none; border: none; margin: 0 auto; cursor:pointer; }
.foobar-open-button { position: absolute; left: 50%; margin-left: -17px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; top: 0; bottom: auto; }

.foobar-container { border-left:none !important; border-right:none !important; padding:0 !important; }
.foobar-container td,.foobar-container td:hover { border:none !important; padding:0 !important; background:none !important; }

/* Inline CSS */
.foobar-wrapper.inline { position: relative; top: 0; bottom: 0; left: 0; }
.foobar-wrapper.inline .foobar-container {border-top:none !important; }
.foobar-wrapper.inline .foobar-open-button-container { position: absolute; top: 0; bottom: auto; }

/* Top CSS */
.foobar-wrapper.top { position:fixed; top: 0; bottom: auto; left: 0; }
.foobar-wrapper.top .foobar-container {border-top:none !important; }
.foobar-wrapper.top .foobar-open-button-container { position: fixed; top: 0; bottom: auto; }

/* Bottom CSS */
.foobar-wrapper.bottom { position:fixed; top: auto; bottom: 0; left: 0; }
.foobar-wrapper.bottom .foobar-container {border-bottom:none !important; }
.foobar-wrapper.bottom .foobar-open-button-container { position: fixed; top: auto; bottom: 0; }
.foobar-wrapper.bottom .foobar-open-button { -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; top: auto; bottom: 0; }

/* triangle-arrow theme */
.foobar-wrapper.triangle-arrow .foobar-open-button { background: url('x-white.png') no-repeat -56px center; }
.foobar-wrapper.triangle-arrow .foobar-close-button { background: url('x-white.png') no-repeat 0px center; }
.foobar-wrapper .foobar-prev-button.triangle-arrow { background: url('x-white.png') no-repeat -112px center; }
.foobar-wrapper .foobar-next-button.triangle-arrow { background: url('x-white.png') no-repeat -168px center; }

/* Social CSS */

.foobar-social { list-style-type: none; margin: 0; padding: 0; }
.foobar-social li.foobar-social-text { padding-right: 10px; padding-left: 10px; }
.foobar-social li { float: left; text-align: left; }
.foobar-social li a { width: 28px; display: inline-block; }